﻿<!DOCTYPE HTML>
<html>
    <head>
        <title>SMIST</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/combo.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/DateFormat.js"></script>
        
        <!--Importando Modelos de SMIST_BASE-->
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/CategSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/SenalTra.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSop.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/EstadSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoPos.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/EstadCon.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/ModelCon.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoVia.js"></script>
		
		<!--Importando Modelos de SMIST-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSem.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/SoporSen.js"></script>
        
        <!--Importando Modelos de GLOBAL-->
        <script type="text/javascript" charset="utf-8" src="../js/modelos/global/Parroquia.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/global/Sector.js"></script>
        
        <!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
		<!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/senal/RegistrarSenal.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <script type="text/javascript" charset="utf-8" src="../js/validaciones/validacion_dimension_img.js"></script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smist_theme.css" />
        
		<script type="text/javascript" src="../js/librerias/jquery.mobile.datebox.js"></script>
        <link rel="stylesheet" href="../css/jquery.mobile.datebox.css" />
    </head>
    
    <body>
        <div data-role="page" id="registrarSenal" data-theme="a" data-title="SMIST - Registrar una Señal de Tránsito">
            <div data-role="header" data-position="inline">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
            <div data-role="content">
                <form>
					<h2>Registrar una Señal</h2>
					
                    <div data-role="fieldcontain">
                        <h3>Coordenadas de la Señal</h3>
                        
                        <label for="coord_x">Coordenada X (Longitud):<sup> * </sup></label>
                        <input id="coord_x" name="coord_x" type="text" placeholder="LONGITUD" readonly="readonly" required="required" />
                        
                        <label for="coord_y">Coordenada Y (Latitud):<sup> * </sup></label>
                        <input id="coord_y" name="coord_y" type="text" placeholder="LATITUD" readonly="readonly" required="required" />
                        
                        <button id="obtener_coordenadas" name="obtener_coordenadas" type="button" data-theme="a">Obtener Coordenadas</button>
                    </div>
                    
                    <div data-role="fieldcontain">
                        <h3>Datos de la Señal</h3>
                        
                        <label for="id_tipo_sen">Tipo de Señal:<sup> * </sup></label>
                        <select id="id_tipo_sen" name="id_tipo_sen">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_categ_sen">Categoría de Señal:<sup> * </sup></label>
                        <select id="id_categ_sen" name="id_categ_sen">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_senal_tra">Señal de Tránsito:<sup> * </sup></label>
                        <select id="id_senal_tra" name="id_senal_tra">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <div id="div_sopor_sen">
                            <label for="id_tipo_sop">Tipo de Soporte:<sup> * </sup></label>
                            <select id="id_tipo_sop" name="id_tipo_sop">
                                <option value="">SELECCIONE</option>
                            </select>
                        </div>
                        
                        <label for="id_estad_sen">Estado de la Señal:<sup> * </sup></label>
                        <select id="id_estad_sen" name="id_estad_sen">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_status_sen">Estatus de la Señal:<sup> * </sup></label>
                        <select id="id_status_sen" name="id_status_sen">
                            <option value="">SELECCIONE</option>
                            <option value="A">ACTIVO</option>
                            <option value="I">INACTIVO</option>
                        </select>
                        
                        <label for="fecha_instalacion">Fecha de Instalación:<sup> * </sup></label>
						<input id="fecha_instalacion" name="fecha_instalacion" type="date" placeholder="FECHA DE INSTALACIÓN" data-theme="a" readonly="readonly" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}' />
                        
                        <label for="estandar">Estándar:<sup> * </sup></label>
                        <select id="estandar" name="estandar">
                            <option value="">SELECCIONE</option>
                            <option value="SI">SI</option>
                            <option value="NO">NO</option>
                        </select>
                        
                        <div id="div_image_sen" style="display:block" class="centrado">
                        </div>
                        <input id="h_desc_image_sen" name="h_desc_image_sen" type="hidden" />
                    </div>
                    
                    <div data-role="fieldcontain" id="div_datos_sem">
                        <h3>Datos del Semáforo</h3>
                    
                        <label for="id_tipo_pos">Tipo de Poste:<sup> * </sup></label>
                        <select id="id_tipo_pos" name="id_tipo_pos">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="nro_postes">Número de Postes:<sup> * </sup></label>
                        <input id="nro_postes" name="nro_postes" type="number" placeholder="NÚMERO DE POSTES" required="required" pattern="[0-9]*" maxlength="1" />
                        
                        <label for="nro_caras">Número de Caras:<sup> * </sup></label>
                        <input id="nro_caras" name="nro_caras" type="number" placeholder="NÚMERO DE CARAS" required="required" pattern="[0-9]*" maxlength="2" />
                        
                        <label for="nro_contadores">Número de Contadores:<sup> * </sup></label>
                        <input id="nro_contadores" name="nro_contadores" type="number" placeholder="NÚMERO DE CONTADORES" required="required" pattern="[0-9]*" maxlength="1" />
                        
                        <label for="id_estad_con">Estado de los Contadores:<sup> * </sup></label>
                        <select id="id_estad_con" name="id_estad_con">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_model_con">Modelo del Controlador:<sup> * </sup></label>
                        <select id="id_model_con" name="id_model_con">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="nro_fases">Número de Fases:<sup> * </sup></label>
                        <input id="nro_fases" name="nro_fases" type="number" placeholder="NÚMERO DE FASES" required="required" pattern="[0-9]*" maxlength="1" />
                        
                        <label for="ciclo">Ciclo:<sup> * </sup></label>
                        <input id="ciclo" name="ciclo" type="number" placeholder="CICLO" required="required" pattern="[0-9]*" maxlength="3" />
                    </div> 
                    
                    <div data-role="fieldcontain">
                        <h3>Datos de la Ubicación</h3>
                        
                        <label for="nombre_estado">Entidad Federal:<sup> * </sup></label>
                        <input id="id_estado" name="id_estado" type="hidden" />
                        <input id="nombre_estado" name="nombre_estado" type="text" readonly="readonly" required="required" />
                        
                        <label for="nombre_municipio">Municipio:<sup> * </sup></label>
                        <input id="id_municipio" name="id_municipio" type="hidden" />
                        <input id="nombre_municipio" name="nombre_municipio" type="text" readonly="readonly" required="required" />
                        
                        <label for="id_parroquia">Parroquia:</label>
                        <select id="id_parroquia" name="id_parroquia">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_sector">Sector:</label>
                        <select id="id_sector" name="id_sector">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_tipo_via">Tipo de Vía:<sup> * </sup></label>
                        <select id="id_tipo_via" name="id_tipo_via">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="referencia">Referencia:</label>
                        <textarea id="referencia" name="referencia" data-theme="a" placeholder="REFERENCIA" rows="3" cols="31" onChange='convertir_Mayusculas(this)'></textarea>
                    </div>
                    
                    <div data-role="fieldcontain">
                        <label for="observaciones_sen">Observaciones:</label>
                        <textarea id="observaciones_sen" name="observaciones_sen" placeholder="OBSERVACIONES" rows="3" cols="31" onChange='convertir_Mayusculas(this)'></textarea>	
                    </div>
                    
                    <br />
                    <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
                    
                    <br />     
                    <button id="registrar" name="registrar" type="button" data-theme="a">Registrar</button>
                    <input id="id_opcion" name="id_opcion" type="hidden" value="6" />
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
                </form>
            </div>
            
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>